<template>
  <div class="shop_container">
    <ul class="shop_list">
      <merchantsList v-for="item in ShopData" :key="item.id" :ItemData="item">
      </merchantsList>
    </ul>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import merchantsList from '@/views/Home/merchantsList/merchantsList.vue'
export default {
  components: {
    merchantsList
  },
  computed: {
    ...mapState(['ShopData'])
  },

  mounted() {
    // 经纬度
    const geohashJS = window.sessionStorage.getItem('geohash').split(',')
    //商铺列表
    this.$store.dispatch('getShopsList', geohashJS)
  }
}
</script>

<style>
</style>